/*
1：安装axios   npm i axios
2:导入axios   import axios from 'axios'
3:创建axios副 本
  const _axios=axios.create({
baseURL:process.env.VUE_APP_BASE_API
  })
4:创建请求拦截与响应拦截
5:暴露出去

*/

import axios from 'axios'
import { Message } from 'element-ui'
import store from '@/store' // store===this.$store
import router from '@/router' // router===this.$router
let cancelArr = []
// 取消所有请求
export function cancelAll() {
  cancelArr = cancelArr.filter((item) => {
    item.fn()
    return false
  })
}
const _axios = axios.create({
  baseURL: process.env.VUE_APP_BASE_API
})
_axios.interceptors.request.use(
  (config) => {
    // 取消:找出相同的api请求进行取消（url与method相同）
    cancelArr = cancelArr.filter((item) => {
      if (item.url === config.url && item.method === config.method) {
        item.fn()
        return false
      }
      return true
    })

    config.cancelToken = new axios.CancelToken((cancelFn) => {
      // 存储取消方法
      cancelArr.push({
        url: config.url,
        method: config.method,
        fn: cancelFn
      })
      // console.log('cancelFN:', cancelFn)
    })

    config.headers.Authorization = `Bearer ${store.state.user.token}`
    return config
  },
  (error) => {
    return Promise.reject(error)
  }
)
_axios.interceptors.response.use(
  // 2:表示成功
  (res) => {
    // 在响应拦截内只返回对应的data数据
    if (res.data.success) {
      return res.data
    } else {
      Message.error(res.data.message)
      return Promise.reject(res.data.message)
      /*
      function fn(){
        // return new Promise((resolve,reject)=>{
        //   reject('错误')
        // })
        return Promise.reject('错误')
      }
      fn().then().catch()

      */
      // return Promise.reject(error)
    }
  },
  (error) => {
    console.dir(error)
    /*
    token失效
    1：删除token
    2:用户信息也删除
    3:跳转到登录页
    4：中止.then执行，执行.catch(抛出错误)
    */
    if (error.response && error.response.status === 401) {
      store.commit('user/logout')
      router.push('/login?redirect=' + window.location.href.split('#')[1])
      Message.error('登录失效')
    }
    return Promise.reject(error)
  }
)
export default _axios
